﻿<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="styles/login.css"/>
		<script src="scripts/jquery-1.11.1.js"></script>
		<script src="scripts/cookie_util.js"></script>
		<script src="scripts/login.js"></script>

		<script>
			$(function (){
				$("#regist_button").click(function (){
					//清除提示
					$("#warning_1").hide();
					$("#warning_2").hide();
					$("#warning_3").hide();
					$("#warning_4").hide();

					// console.log("000000000000000")
					//获取用户名和密码
					var name = $("#regist_username").val().trim();
					var nick = $("#nickname").val().trim();
					var password = $("#regist_password").val().trim();
					var final_password = $("#final_password").val().trim();
					//console.log(name,nick,password,final_password)
					//校验格式
					var ok = true;
					if(name == ""){
						console.log("----------------------------")
						ok = false;
						$("#warning_1 span").html("用户名为空");
						$("#warning_1").show();
					}
					if(nick == ""){
						ok = false;
						$("#warning_4 span").html("昵称为空");
						$("#warning_4").show();
					}
					if(password == ""){
						ok = false;
						$("#warning_2 span").html("密码为空");
						$("#warning_2").show();
					}else {
						if(password.length < 6){
							ok = false;
							$("#warning_2 span").html("密码需要6位以上");
							$("#warning_2").show();
						}
					}
					if(password != final_password){
						ok = false;
						$("#warning_3 span").html("两次输入的密码不一致");
						$("#warning_3").show();
					}
					if(ok){
						//发送ajax
						$.ajax({
							url: "http://localhost:80/user/regist.do",
							type: "post",
							data: {"name":name,"password":password,"nick":nick},
							dataType: "json",
							success:function(result){
								if(result.status == 0){
									alert(result.msg);
									$("#back").click();
								}else if(result.status == 1){
									$("#warning_1 span").html(result.msg);
									$("#warning_1").show();
								}
							},
							error:function(){
								alert("注册失败，请稍后重试!")
							}
						});
					}
				});
			})

		</script>
	</head>
	<body>
		<div class="global">
				<div class="log log_in" tabindex='-1' id='dl'>
					<dl>
						<dt>
							<div class='header'>
								<h3>登&nbsp;录</h3>
							</div>
						</dt>
						<dt></dt>
						<dt>
							<div class='letter'>
								用户名:&nbsp;<input type="text" name="" id="count" tabindex='1'/>
								<div id="cound_span"></div>
							</div>
						</dt>
						<dt>
							<div class='letter'>
								密&nbsp;&nbsp;&nbsp;码:&nbsp;<input type="password" name="" id="password" tabindex='2'/>
								<div id="password_span"></div>
							</div>
						</dt>
						<dt>
							<div>
								<input type="button" name="" id="login" value='&nbsp登&nbsp录&nbsp' tabindex='3'/>
								<input type="button" name="" id="sig_in" value='&nbsp注&nbsp册&nbsp' tabindex='4'/>
							</div>
						</dt>
					</dl>
				</div>
				<div class="sig sig_out" tabindex='-1' id='zc' style='visibility:hidden;'>
					<dl>
						<dt>
							<div class='header'>
								<h3>注&nbsp;册</h3>
							</div>
						</dt>
						<dt></dt>
						<dt>
							<div class='letter'>
								用户名:&nbsp;<input type="text" name="" id="regist_username" tabindex='5'/>
								<div class='warning' id='warning_1'><span>该用户名不可用</span></div>
							</div>
						</dt>
						<dt>
							<div class='letter'>
								昵&nbsp;&nbsp;&nbsp;称:&nbsp;<input type="text" name="" id="nickname" tabindex='6'/>
								<div class='warning' id='warning_4'><span>该用户名不可用</span></div>
							</div>
						</dt>
						<dt>
							<div class='letter'>
								密&nbsp;&nbsp;&nbsp;码:&nbsp;<input type="password" name="" id="regist_password" tabindex='7'/>
								<div class='warning' id='warning_2'><span>密码长度过短</span></div>
							</div>
						</dt>
						<dt>
							<div class='password'>
								&nbsp;&nbsp;&nbsp;确认密码:&nbsp;<input type="password" name="" id="final_password" tabindex='8'/>
								<div class='warning' id='warning_3'><span>密码输入不一致</span></div>
							</div>
						</dt>
						<dt>
							<div>
								<input type="button" name="" id="regist_button" value='&nbsp注&nbsp册&nbsp' tabindex='9'/>
								<input type="button" name="" id="back" value='&nbsp返&nbsp回&nbsp' tabindex='10'/>
								<script type="text/javascript">
								function get(e){
									return document.getElementById(e);
								}
								get('sig_in').onclick=function(){
									get('dl').className='log log_out';
									get('zc').className='sig sig_in';
								}
								get('back').onclick=function(){
									get('zc').className='sig sig_out';
									get('dl').className='log log_in';
								}
								window.onload=function(){
									var t =setTimeout("get('zc').style.visibility='visible'",800);
									get('final_password').onblur=function(){
										var npassword=get('regist_password').value;
										var fpassword=get('final_password').value;
										if(npassword!=fpassword){
											get('warning_3').style.display='block';
										}
									}
									get('regist_password').onblur=function(){
										var npassword=get('regist_password').value.length;
										if(npassword<6&&npassword>0){
											get('warning_2').style.display='block';
										}
									}
									get('regist_password').onfocus=function(){
										get('warning_2').style.display='none';
									}
									get('final_password').onfocus=function(){
										get('warning_3').style.display='none';
									}
								}
								</script>
							</div>
						</dt>
					</dl>
				</div>
		</div>
	</body>
</html>